<template>
	<view class="flex flex-column">
		<!-- #ifdef APP -->
		<view @click="handleTap(i.url)" v-for="i in tab" :key="i.id"
			class="flex justify-between align-center w-100 border-bottom border-success" style="height: 100rpx;">
			<text class="ml-2 font-md font-weight-bold">{{ i.title }}</text>
			<uni-icons class="mr-2" type="right"></uni-icons>
		</view>
		<!-- #endif -->
		<!-- #ifdef MP-WEIXIN -->
		<view @click="handleTap(i.url)" v-for="i in tab" :key="i.id"
			class="flex justify-between align-center w-100 border-bottom border-success" style="height: 100rpx;">
			<text class="ml-2 font-md font-weight-bold">{{ i.title }}</text>
			<uni-icons class="mr-2" type="right"></uni-icons>
		</view>
		<!-- #endif -->

	</view>
</template>

<script>
export default {
	data() {
		return {
			tab: [{
				id: 1,
				title: '公司简介',
				url: '/pages/My/Aboutus/CompanyProfile'
			}, {
				id: 2,
				title: '历史沿革',
				url: '/pages/My/Aboutus/CompanyHistory'
			}, {
				id: 3,
				title: '资质荣誉',
				url: '/pages/My/Aboutus/CompanyHonors'
			}, {
				id: 4,
				title: '加入我们',
				url: '/pages/My/Aboutus/CompanyJoinUs'
			}, {
				id: 5,
				title: '联系我们',
				url: '/pages/My/Aboutus/CompanyContact'
			}]
		}
	},
	methods: {
		handleTap(url) {
			uni.navigateTo({
				url
			})
		}
	}
}
</script>

<style scoped></style>
